


<!-- BEGIN:main -->
<div class="d_component" style="position: relative">

    <div class="d_title_component" style="position: absolute;top: -30px; z-index: 200; width: 200px"> 
        <a href="./com_content/categories/{CATEGORY_ALIAS}/{CATEGORY_ID}.htm">
            {CATEGORY_NAME}
        </a>
    </div>


    <div class="d_content_component" style="padding: 15px 5px 5px 5px; margin-left: 10px">       

        <!-- BEGIN:first_article -->

        <!--image-->
        <div style="border:1px solid #A2A2A2; padding: 2px; height: 130px; width: 180px; float: left; margin-right: 10px ">
            <img style="width: 100%; height: 100%; " src="{FIRST_ARTICLE_IMAGE}" />
        </div>


        <!--title-->
        <div >
            <a class="d_link" href="./com_content/articles/{FIRST_ARTICLE_ALIAS}/{FIRST_ARTICLE_ID}.htm">
                {FIRST_ARTICLE_TITLE}
            </a>
        </div>

        <div class="d_article_date">
            {FIRST_ARTICLE_DATE}
        </div>


        <!--description-->
        <div>
            {FIRST_ARTICLE_DESCRIPTION}
        </div>

        <div class="d_divide5"></div>

        <!-- END:first_article -->








        <div class="d_divide10"></div>




        <!-- BEGIN:article -->

        <!--title-->
        <div>
            <img src="./templates/default/images/arrow.jpg"/>
            <a href="./com_content/articles/{ARTICLE_ALIAS}/{ARTICLE_ID}.htm">
                {ARTICLE_TITLE}
            </a>
        </div>    


        <div class="d_divide5"></div>

        <!-- END:article -->



    </div>

</div>


<!-- END:main -->


